.statistics{
	min-height: 100vh;
	background-color: #f2f2f2;
	padding-bottom: calc(100rpx + env(safe-area-inset-bottom));
	.top-bar{
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 88rpx;
		background-color: $global-theme-color;
		padding: 0rpx 32rpx 0rpx 32rpx;
		box-sizing: border-box;
		color: #ffffff;
		.welcome-slogan{
			width: calc(100% - 36rpx);
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			font-size: 40rpx;
			font-weight: bold;
			font-family: $global-font-family;
		}
		.icon{
			font-size: 36rpx;
		}
	}
	.notice-bar{
		height: 60rpx;
		background: #FFF6D8;
		padding: 0rpx 32rpx 0rpx 32rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		.label{
			width: 188rpx;
			height: 40rpx;
			font-size: 28rpx;
			font-family: $global-font-family;
			font-weight: 400;
			color: #000000;
			line-height: 40rpx;
			
		}
		.notice-main{
			 width: calc(100% - 158rpx);
			display: flex;
			align-items: center;
			::v-deep .uni-noticebar{
				padding: 0rpx;
				width: 100% !important;
				
				margin-bottom: 0rpx;
				background-color:#FFF6D8 !important;
				.uni-noticebar__content-text{
					color: #5C3F1E !important;
				}
			}
		}
	}
	.main{
		padding: 32rpx 32rpx 0rpx 32rpx;
		box-sizing: border-box;
	}
	.lucky-draw-wrapper{
		width: 100%;
		height: 192rpx;
		margin-top: 16rpx;
		background-image: url('https://mp-a6359cef-e1f5-4478-96f8-00fab19c712c.cdn.bspapp.com/cloudstorage/389037e9-adcf-4186-b3b3-ccce10aa2f3a.png');
		background-size: 100% 100%;
		position: relative;
		.play-btn{
			position: absolute;
			top: 48rpx;
			right: 24rpx;
			width: 118rpx;
			height: 118rpx;
			background-size: 100% 100%;
			background-image: url('https://mp-a6359cef-e1f5-4478-96f8-00fab19c712c.cdn.bspapp.com/cloudstorage/b52f0149-53cd-41e1-97f7-db09198ac251.png');
		}
	}
}